body {
    background: #f1f2f6;
    font-family: 'Microsoft YaHei';
}

.header_con {
    height: 59px;
    background: #fff;
    border-bottom: 1px solid #ccc;
}

.header {
    width: 1200px;
    height: 59px;
    margin: 0px auto;
}

.logo {
    width: 140px;
    height: 33px;
    margin-top: 13px;
}

.breadcrub {
    width: 50%;
    height: 35px;
    line-height: 35px;
    background-color: #deecf9;
    margin: 20px auto 0;
    font-size: 20px;
    text-indent: 40%;
    color: #666;
}

.menu {
    width: 600px;
    height: 59px;
    margin-left: 100px;
}

.menu li {
    height: 59px;
    float: left;
}

.menu .active {
    border-bottom: 2px solid #009afc;
}

.menu .active a {
    color: #39f;
}

.menu li a {
    display: block;
    line-height: 59px;
    padding: 0px 25px;
    font-size: 14px;
    color: #666;
}

.menu li a:hover {
    color: #39f;
}

.user_btns {
    line-height: 59px;
    font-size: 14px;
    color: #666
}

.user_btns a {
    color: #666;
}

.user_btns a:hover {
    color: #39f;
}

.user_login {
    height: 30px;
    overflow: hidden;
    margin-top: 15px;
    /*display:none;    */
}

.user_login img {
    float: left;
    width: 30px;
    height: 30px;
    border-radius: 15px;
}

.user_login a {
    float: left;
    font-size: 14px;
    margin-left: 10px;
    color: #39f;
    line-height: 30px;
}

.conter_con {
    width: 1200px;
    overflow: hidden;
    margin: 20px auto 0;
}

.list_con {
    width: 820px;
}

.list_con li {
    background: #fff;
    height: 168px;
    border: 1px solid #ececee;
    overflow: hidden;
    margin-bottom: 12px;
}

.list_con .news_pic {
    width: 168px;
    height: 168px;
}

.list_con .news_pic img {
    width: 168px;
    height: 168px;
}

.list_con .news_title {
    width: 616px;
    height: 18px;
    margin: 16px 0 0 16px;
    font-size: 18px;
    line-height: 18px;
    color: #000;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


.list_con .news_title:hover {
    color: #39f;
}

.list_con .news_detail {
    width: 616px;
    height: 88px;
    margin: 10px 0 0 16px;
    font-size: 14px;
    line-height: 23px;
    color: #666;
}

.author_info {
    width: 616px;
    height: 20px;
    margin-left: 16px;
}

.author img {
    float: left;
}

.author a {
    float: left;
    font-size: 12px;
    color: #333;
    line-height: 20px;
    margin-left: 5px;
}

.author a:hover {
    color: #39f;
}

.source {
    float: left;
    line-height: 20px;
    font-size: 12px;
    color: #999;
}

.rank_con {
    width: 358px;
    border: 1px solid #ececee;
}

.card_list_con {
    width: 760px;
    overflow: hidden;
    margin-left: 10px;
}

.card_list {
    height: 160px;
    width: 300px;
    margin: 20px;
    float: left;
}

.author_card {
    background: #fff;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 20px;
}

.author_pic {
    float: left;
    width: 60px;
    height: 60px;
}

.author_pic img {
    width: 60px;
    height: 60px;
    border-radius: 30px;
}

.author_name {
    float: left;
    color: #333;
    font-size: 22px;
    line-height: 60px;
    margin-left: 16px;
}

.author_name:hover {
    color: #1482f0;
}

.author_resume {
    width: 100%;
    float: left;
    font-size: 13px;
    color: #666;
    margin-top: 10px;
}

.writings, .follows {
    float: left;
    margin: 20px 30px 0 0;
}

.writings span, .follows span {
    display: block;
    font-size: 12px;
    color: #999;
}

.writings b, .follows b {
    display: block;
    font-weight: normal;
    font-size: 18px;
    color: #333;
}

.rank_title {
    height: 53px;
    background: #fff;
    border-bottom: 1px solid #ececee;
}

.rank_list {
    background: #fff;
}

.rank_list li {
    width: 316px;
    margin: 0px auto;
    border-bottom: 1px solid #ececee;
    padding: 18px 0px;
    overflow: hidden;
}

.rank_list li span {
    float: left;
    width: 19px;
    height: 19px;
    line-height: 19px;
    text-align: center;
    border-radius: 2px;
    margin-right: 11px;
    color: #1482f0;
}

.rank_list li a {
    float: left;
    width: 286px;
    font-size: 14px;
    color: #333;
}

.rank_list li a:hover {
    color: #39f;
}

.rank_list li .first {
    background: #f33;
    color: #fff;
}

.rank_list li .second {
    background: #ff722b;
    color: #fff;
}

.rank_list li .third {
    background: #fa3;
    color: #fff;
}

.footer {
    margin-top: 20px;
    background: #262F38;
    overflow: hidden;
}

.footer_links {
    text-align: center;
    margin-top: 20px;
}

.footer_links a, .footer_links span {
    color: #fff;
    font-size: 12px;

}

.footer_links span {
    margin: 0 5px;
}

.copyright {
    text-align: center;
    font-size: 12px;
    color: #fff;
    line-height: 26px;
    margin-top: 9px;
    margin-bottom: 20px;
}


.login_form_con, .register_form_con {
    display: none;
}


.login_form, .register_form {
    width: 350px;
    height: 400px;
    position: fixed;
    background: #fff;
    border-radius: 5px;
    left: 50%;
    top: 50%;
    margin-left: -175px;
    margin-top: -200px;
    z-index: 9999;
}

.register_form {
    height: 500px;
    margin-top: -250px;
}

.mask {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.3;
    filter: alpha(opacity=30);
    left: 0px;
    top: 0px;
    z-index: 9998;
}

.login_title, .register_title {
    height: 72px;
    border-bottom: 1px solid #dcdcdc;
    position: relative;
}

.login_title h3, .register_title h3 {
    line-height: 72px;
    text-align: center;
    font-size: 18px;
    color: #1482f0;
}


.form_group {
    width: 310px;
    height: 50px;
    border-bottom: 1px solid #ebebeb;
    margin: 23px auto 0;
    position: relative;
}

.form_group2 {
    width: 310px;
    margin: 20px auto 0;
    font-size: 12px;
    color: #999;
    position: relative;
}

.register_form .form_group {
    margin: 15px auto 0;
}

.register_form .input_sub {
    margin: 30px auto 0;
}

.form_group .error_tip, .form_group2 .error_tip {
    position: absolute;
    font-size: 12px;
    color: #f00;
    left: auto;
    right: 0px;
    top: auto;
    bottom: -20px;
    display: none;
}

.form_group2 input, .form_group2 p {
    float: left;
}

.form_group2 input {
    margin: 2px 10px 0 0;
}

.form_group .get_code {
    position: absolute;
    right: 0px;
    top: 20px;
    color: #70b7f9;
    font-size: 12px;
}

.form_group .get_pic_code {
    position: absolute;
    width: 80px;
    height: 30px;
    right: 0px;
    top: 10px;
}

.form_group .get_code:hover {
    color: #1482f0;
}

.register_form .code_pwd {
    width: 200px;
}

.hotline {
    border-bottom: 1px solid #2185ed;
}

.form_group input {
    width: 310px;
    height: 44px;
    border: 0px;
    outline: none;
    position: absolute;
    left: 0;
    bottom: 0;
}

.form_group .input_tip {
    position: absolute;
    left: 0;
    top: 22px;
    width: 110px;
    line-height: 14px;
    font-size: 14px;
    color: #999;
}


.input_sub {
    display: block;
    width: 310px;
    height: 40px;
    background: #1482f0;
    border: 0px;
    color: #fff;
    font-size: 14px;
    margin: 50px auto 0;
    border-radius: 4px;
    cursor: pointer;
}

.input_sub:hover {
    background: #4d9df1;
}


.down_link {
    text-align: center;
    font-size: 12px;
    color: #999;
    margin-top: 30px;
}

.down_link a {
    color: #70b7f9;
}

.down_link a:hover {
    color: #1482f0;
}

.register_form .down_link {
    margin-top: 20px;
}


.detail_con {
    width: 778px;
    padding: 20px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #ececee;
}

.detail_con h3 {
    font-size: 30px;
    line-height: 45px;
}

.detail_about {
    margin: 10px 0;
    border-bottom: 1px solid #ebebeb;
    padding: 10px 0;
}

.summary {
    letter-spacing: .5px;
    text-align: justify;
    background: #f0f2f5;
    font-size: 16px;
    line-height: 28px;
    padding: 15px 25px;
    margin-top: 30px;
    position: relative;
}

.detail_con .summary:before {
    position: absolute;
    left: 5px;
    top: 5px;
    content: "『";
}

.detail_con .summary:after {
    position: absolute;
    right: 5px;
    bottom: 5px;
    content: "』";
}

.detail_con h4 {
    font-size: 18px;
    font-weight: 700;
    color: #1478f0;
    border-left: 5px solid #1478f0;
    padding-left: 10px;
    margin: 30px 0
}

.detail_con p {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 30px;
    text-align: justify
}


.block-center {
    display: block;
    margin: 0 auto;
}

.collected:hover {
    background-position: 10px -73px;
}

.collected .out {
    position: absolute;
    left: 40px;
    top: 8px;
}

.collected:hover .out {
    left: 40px;
    top: 35px;
}

.collected .over {
    position: absolute;
    left: 40px;
    top: 35px;
}

.collected:hover .over {
    left: 33px;
    top: 8px;
}


.focused:hover {
    background-position: 10px -73px;
}

.focused .out {
    position: absolute;
    left: 40px;
    top: 8px;
}

.focused:hover .out {
    left: 40px;
    top: 35px;
}

.focused .over {
    position: absolute;
    left: 40px;
    top: 35px;
}

.focused:hover .over {
    left: 33px;
    top: 8px;
}


.comment_form_logout {
    border: 1px solid #e3e8ee;
    width: 756px;
    border-radius: 4px;
    padding: 15px 10px;
    outline: none;
    font-size: 16px;
    color: #e3e8ee;
    margin-top: 50px;
}


.comment_form {
    margin-top: 50px;
    overflow: hidden;
}

.comment_form .person_pic {
    float: left;
    width: 40px;
    height: 40px;
}

.comment_form img {
    width: 40px;
    height: 40px;
    border-radius: 20px;
}

.comment_form .comment_input {
    float: left;
    width: 690px;
    height: 60px;
    margin-left: 20px;
    border-radius: 4px;
    padding: 10px;
    outline: none;
    border: 1px solid #2185ed;
}

.comment_form .comment_sub {
    float: right;
    width: 58px;
    height: 28px;
    border: 1px solid #2185ed;
    background: #fff;
    border-radius: 4px;
    margin: 10px 7px 0 0;
    cursor: pointer;
}

.comment_form .comment_sub:hover {
    background: #2185ed;
    color: #fff;
}

.comment_count {
    font-size: 16px;
    color: #333;
    border-bottom: 1px solid #ebebeb;
    padding: 12px 0
}


.comment_list {
    border-bottom: 1px solid #ebebeb;
    overflow: hidden;
    margin-top: 15px;
    padding-bottom: 15px;
}


.comment_list .person_pic {
    width: 40px;
    height: 40px;
    float: left;
}

.comment_list .person_pic img {
    width: 40px;
    height: 40px;
    border-radius: 20px;
}

.user_name {
    width: 690px;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    color: #333;
    margin-left: 20px;
}

.comment_text {
    width: 718px;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    margin: 5px 0 0 20px;
}

.comment_time {
    font-size: 12px;
    color: #999;
    margin: 10px 0 0 60px;
}

.reply_text_con {
    width: 698px;
    padding: 10px;
    background: #fafafa;
    margin: 10px 0 0 60px;
}

.reply_text_con .user_name2 {
    font-size: 12px;
    font-weight: bold;
    color: #000;
    margin-bottom: 5px;
}

.reply_text_con .reply_text {
    color: #666;
    font-size: 12px;
}

.reply_form {
    width: 718px;
    overflow: hidden;
    margin: 10px 0 0 60px;
    display: none;
}

.reply_input {
    float: left;
    width: 692px;
    height: 30px;
    border-radius: 4px;
    padding: 10px;
    outline: none;
    border: 1px solid #2185ed;
}

.reply_sub, .reply_cancel {
    width: 40px;
    height: 23px;
    background: #76b6f4;
    border: 0px;
    border-radius: 2px;
    color: #fff;
    margin: 10px 5px 0 10px;
    cursor: pointer;
}

.reply_cancel {
    background: #fff;
    color: #909090;
}


.user_con {
    width: 778px;
    min-height: 660px;
    padding: 20px;
    overflow: hidden;
    background: #f9f9f9;
    border: 1px solid #ececee;
}

.main_frame {
    width: 778px;
    min-height: 660px;
}

.inframe_body {
    background: #f9f9f9;
}

.user_menu_con {
    width: 308px;
    height: 600px;
    background: #fff;
    border: 1px solid #ececee;
    margin: 100px 0 0 50px;
    position: relative;
}

.user_center_pic {
    width: 198px;
    height: 198px;
    position: absolute;
    left: 55px;
    top: -100px;
}

.user_center_pic img {
    width: 198px;
    height: 198px;
    border-radius: 99px;
}

.user_center_name {
    text-align: center;
    margin-top: 120px;
    font-size: 18px;
}

.option_list {
    width: 268px;
    margin: 20px auto 0;
}

.option_list li {
    text-align: center;
    border-bottom: 1px solid #ededed;
}

.option_list li a {
    line-height: 50px;
    font-size: 14px;
    color: #333;
}

.option_list .active a {
    color: #39f;
}

.option_list li a:hover {
    color: #39f;
}

.user_con h3 {
    font-size: 18px;
    padding: 10px 20px;
    color: #9698a5;
    border-bottom: 1px solid #ededed;
}

.base_info, .pic_info, .type_info, .pass_info, .my_collect, .release_form, .news_list {
    width: 700px;
    margin: 0px auto;
}


.common_title, .base_info h3, .pic_info h3, .type_info h3, .pass_info h3, .my_collect h3, .release_form h3, .news_list h3 {
    font-size: 18px;
    padding: 10px 20px;
    color: #9698a5;
    border-bottom: 1px solid #ededed;
}


.pass_info, .release_form {
    position: relative;
}

.error_tip {
    position: absolute;
    left: 178px;
    top: 228px;
    color: #f00;
    font-size: 13px;
    display: none;
}

.error_tip2 {
    position: absolute;
    left: 127px;
    bottom: 33px;
    color: #f00;
    font-size: 13px;
    display: none;
}

.form-group {
    width: 600px;
    margin: 20px auto;
    overflow: hidden;
    position: relative;
}

.form-group-error {
    width: 600px;
    margin: 20px auto;
    overflow: hidden;
    color: red;
    position: relative;
    font-size: 10px;
}

.form-group label {
    width: 120px;
    line-height: 40px;
    font-size: 14px;
    font-weight: bold;
    color: #000;
    text-align: right;
    float: left;
    margin-right: 5px;
}

.form-group .input_txt, .form-group .input_txt2 {
    width: 400px;
    height: 30px;
    float: left;
    margin-top: 5px;
    border: 1px solid #ddd;
    border-radius: 4px;
    outline: none;
    text-indent: 10px;
}

.form-group b {
    line-height: 40px;
    font-size: 14px;
    font-weight: normal;
    color: #000;
}

.form-group .input_sub {
    width: 402px;
    height: 30px;
    margin: 10px 0 0 128px;
}

.now_user_pic {
    width: 100px;
    height: 100px;
    border-radius: 50px;
}

.label01 {
    margin-top: 35px;
}

.input_file {
    float: left;
    margin-top: 8px;
}

.article_list {
    width: 700px;
    margin: 30px auto 0;
}

.article_list li {
    height: 50px;
    border-bottom: 1px solid #ededed;
    position: relative;
}

.article_list li a {
    line-height: 50px;
    width: 450px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    color: #666;
    float: left;
    position: relative;
    text-indent: 20px;
}

.article_list li a:hover {
    color: #39f;
}

.article_list li a:before {
    content: "· ";
    color: #1482f0;
    font-size: 40px;
    position: absolute;
    left: -17px;
    top: -2px;
}

.article_list li em {
    line-height: 50px;
    font-size: 14px;
    color: #999;
    float: left;
    margin-left: 20px;

}

.article_list li:hover b {
    display: block;
}

.article_list li .pass {
    color: green;
}

.article_list li .review {
    color: #dca80a;
}

.article_list li .nopass {
    color: #f00;
}

.loader_more {
    display: block;
    margin: 30px auto 0;
    width: 118px;
    line-height: 38px;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #666;
    font-size: 14px;
}

.loader_more:hover {
    color: #39f;
}

.error_con {
    width: 800px;
    height: 500px;
    margin: 100px auto 0;
}

.error_con img {
    float: left;
    margin-right: 20px;
}

.error_con h3 {
    width: 360px;
    margin-top: 50px;
    font-size: 30px;
    color: #333;
    float: left;
}

.error_con h4 {
    width: 360px;
    font-size: 18px;
    margin-top: 10px;
    color: #666;
    float: left;
}

.error_con p {
    width: 360px;
    font-size: 14px;
    margin-top: 10px;
    color: #999;
    float: left;
}

.error_con a {
    float: left;
    width: 120px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 18px;
    background: #1482f0;
    color: #fff;
    margin-top: 20px;
}

.error_con a:hover {
    background: #39f;
}

.release_form .form-group {
    width: 700px;
    overflow: hidden;
    margin: 15px auto;
}

.form-group .input_txt2 {
    width: 570px;
}

.form-group .sel_opt {
    width: 150px;
    height: 30px;
    float: left;
    margin-top: 5px;
    border: 1px solid #ddd;
    border-radius: 4px;
    outline: none;
    text-indent: 10px;
}

.form-group .input_multxt {
    width: 550px;
    height: 60px;
    padding: 10px;
    float: left;
    margin-top: 5px;
    border: 1px solid #ddd;
    border-radius: 4px;
    outline: none;
    text-indent: 10px;
}

.form-group .input_multxt2 {
    width: 570px;
    padding: 10px 0px;
    height: 300px;
    float: left;
    margin-top: 5px;
    border: 1px solid #ddd;
    outline: none;
    text-indent: 10px;
}

.form-group .index_pic {
    width: 100px;
    height: 100px;
    float: left;
    margin: 0;
}

.form-group .input_sub2 {
    width: 100px;
    margin: 10px 0 0 100px;
}

.indent-group {
    text-indent: 12%;
    margin-top: 15px;
}

.line-top {
    border-top: 1px solid #ddd;
    padding: 10px 0px;
}

.confirm {
    width: 80px;
    height: 30px;
    border-radius: 4px;
    color: #fff;
    background: #25c192;
    border: 0px;
    outline: none;
}

.cancel {
    width: 80px;
    height: 30px;
    border-radius: 4px;
    color: #fff;
    background: #39f;
    border: 0px;
    outline: none;
}


.other_con {
    width: 1100px;
    height: 200px;
    margin-left: 100px;
    background: #fff;
    position: relative;
}

.other_center_pic {
    width: 198px;
    height: 198px;
    position: absolute;
    left: -100px;
    top: 0px;
}


.other_detail {
    width: 268px;
    margin: 30px auto 0;
}

.other_detail li {
    text-align: left;
    font-size: 14px;
    line-height: 40px;
    border-bottom: 1px dotted #ededed;
    text-indent: 10px;
}

.focus_other {
    overflow: hidden;
    margin-top: 40px;
    text-align: center;
}

.focus_other a {
    text-align: left;
}

.ui-pagination-container {
    text-align: center;
    margin-top: 20px;
}

.ui-pagination-container .ui-pagination-page-item:hover {
    color: #39f;
    border-color: #39f;
}

.ui-pagination-container .ui-pagination-page-item {
    background: none;
    font-size: 12px;
}

.ui-pagination-container .ui-pagination-page-item.active {
    background: #39f;
    border-color: #39f;
}

.ui-pagination-container .ui-pagination-page-item:hover {
    color: #333;
}